<div class="white-bg padding">
    <div class="row">
        <div class="col-md-9">
            <vc:create path="car/parkingAreaControlVideo"></vc:create>
            <div class="vc-line-primary margin-top"></div>
            <div class="margin-top-sm">
                <ul class="nav nav-tabs">
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:parkingAreaControlInfo._currentTab == 'parkingAreaControlCarInout'}" v-on:click="changeTab('parkingAreaControlCarInout')">
                            <vc:i18n name="出入场" namespace="parkingAreaControl"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:parkingAreaControlInfo._currentTab == 'parkingAreaControlInCar'}" v-on:click="changeTab('parkingAreaControlInCar')">
                            <vc:i18n name="在场车辆" namespace="parkingAreaControl"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:parkingAreaControlInfo._currentTab == 'parkingAreaControlCarInouts'}" v-on:click="changeTab('parkingAreaControlCarInouts')">
                            <vc:i18n name="出入场明细" namespace="parkingAreaControl"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:parkingAreaControlInfo._currentTab == 'parkingAreaControlPayment'}" v-on:click="changeTab('parkingAreaControlPayment')">
                            <vc:i18n name="收费明细" namespace="parkingAreaControl"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:parkingAreaControlInfo._currentTab == 'parkingAreaControlOwnerCar'}" v-on:click="changeTab('parkingAreaControlOwnerCar')">
                            <vc:i18n name="月租车" namespace="parkingAreaControl"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:parkingAreaControlInfo._currentTab == 'parkingAreaControlTempCar'}" v-on:click="changeTab('parkingAreaControlTempCar')">
                            <vc:i18n name="临时车" namespace="parkingAreaControl"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:parkingAreaControlInfo._currentTab == 'parkingAreaControlTempCarAuths'}" v-on:click="changeTab('parkingAreaControlTempCarAuths')">
                            <vc:i18n name="临时车审核" namespace="parkingAreaControl"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:parkingAreaControlInfo._currentTab == 'parkingAreaControlWhiteCar'}" v-on:click="changeTab('parkingAreaControlWhiteCar')">
                            <vc:i18n name="白名单" namespace="parkingAreaControl"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:parkingAreaControlInfo._currentTab == 'parkingAreaControlBlackCar'}" v-on:click="changeTab('parkingAreaControlBlackCar')">
                            <vc:i18n name="黑名单" namespace="parkingAreaControl"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:parkingAreaControlInfo._currentTab == 'parkingAreaControlRemaining'}" v-on:click="changeTab('parkingAreaControlRemaining')">
                            <vc:i18n name="剩余车位" namespace="parkingAreaControl"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:parkingAreaControlInfo._currentTab == 'parkingAreaControlPaymentSummary'}" v-on:click="changeTab('parkingAreaControlPaymentSummary')">
                            <vc:i18n name="收费统计" namespace="parkingAreaControl"></vc:i18n>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" v-bind:class="{active:parkingAreaControlInfo._currentTab == 'parkingAreaControlManualOpenDoorLog'}" v-on:click="changeTab('parkingAreaControlManualOpenDoorLog')">
                            <vc:i18n name="开闸日志" namespace="parkingAreaControl"></vc:i18n>
                        </a>
                    </li>
                </ul>
            </div>
            <div v-if="parkingAreaControlInfo._currentTab == 'parkingAreaControlCarInout'">
                <vc:create path="car/parkingAreaControlCarInout"></vc:create>
            </div>
            <div v-show="parkingAreaControlInfo._currentTab == 'parkingAreaControlInCar'">
                <vc:create path="car/parkingAreaControlInCar"></vc:create>
            </div>
            <div v-show="parkingAreaControlInfo._currentTab == 'parkingAreaControlCarInouts'">
                <vc:create path="car/parkingAreaControlCarInouts"></vc:create>
            </div>
            <div v-show="parkingAreaControlInfo._currentTab == 'parkingAreaControlPayment'">
                <vc:create path="car/parkingAreaControlPayment"></vc:create>
            </div>
            <div v-if="parkingAreaControlInfo._currentTab == 'parkingAreaControlOwnerCar'">
                <vc:create path="car/parkingAreaControlOwnerCar"></vc:create>
            </div>
            <div v-if="parkingAreaControlInfo._currentTab == 'parkingAreaControlTempCar'">
                <vc:create path="car/parkingAreaControlTempCar"></vc:create>
            </div>
            <div v-if="parkingAreaControlInfo._currentTab == 'parkingAreaControlTempCarAuths'">
                <vc:create path="car/parkingAreaControlTempCarAuths"></vc:create>
            </div>
            <div v-if="parkingAreaControlInfo._currentTab == 'parkingAreaControlWhiteCar'">
                <vc:create path="car/parkingAreaControlWhiteCar"></vc:create>
            </div>

            <div v-if="parkingAreaControlInfo._currentTab == 'parkingAreaControlBlackCar'">
                <vc:create path="car/parkingAreaControlBlackCar"></vc:create>
            </div>
            <div v-if="parkingAreaControlInfo._currentTab == 'parkingAreaControlRemaining'">
                <vc:create path="car/parkingAreaControlRemaining"></vc:create>
            </div>
            <div v-show="parkingAreaControlInfo._currentTab == 'parkingAreaControlPaymentSummary'">
                <vc:create path="car/parkingAreaControlPaymentSummary"></vc:create>
            </div>
            <div v-show="parkingAreaControlInfo._currentTab == 'parkingAreaControlManualOpenDoorLog'">
                <vc:create path="car/parkingAreaControlManualOpenDoorLog"></vc:create>
            </div>
        </div>
        <div class="col-md-3">
            <vc:create path="car/parkingAreaControlFee"></vc:create>
        </div>
        <vc:create path="car/parkingAreaControlCustomCarInout"></vc:create>
        <vc:create path="car/parkingAreaControlTempCarAuthConfirm"></vc:create>


        <vc:create path="car/unlicensedCarMachineQrCode"></vc:create>
        <vc:create path="common/viewImage"></vc:create>
    </div>
</div>